<template>
  <div class="department-container">
    <div class="app-container">
      <el-card>
        <!-- 具体页面结构 -->
        social_securitys
        <!--
        button @click
        div @click
        -->
        <el-button @click="hClick">xxx</el-button>

        <div @click="hClick">div</div>
        <hr>
        <!--

          .native事件修饰符
          是用来是在父组件中给子组件绑定一个**原生的事件**，就将子组件变成了普通的HTML标签看待。
          -->
        <Son
          v-model="num"
          :a.sync="numA"
          :b.sync="numB"
        />
      </el-card>
    </div>
  </div>
</template>
<script>
import Son from './son.vue'
export default {
  components: { Son },
  data() {
    return { num: 101, numA: 1, numB: 1 }
  },
  methods: {
    hClick() {
      alert('子组件被点击了')
    }
  }
}
</script>
